<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>计算器</title>
	</head>

	<body>
		<h1>网页计算器</h1>
		<p>
			第一个数：
			<input type="text" id="one" />
		</p>
		<p>
			第二个数：
			<input type="text" id="two" />
		</p>
		<p>
			<button onclick="j('jia')">加</button>
			<button onclick="j('jian')">减</button>
			<button onclick="j('cheng')">乘</button>
			<button onclick="j('chu')">除</button>
		</p>

		<p>
			结果：
			<input type="text" id="guo" />
		</p>
		<script>
			//		function jia(){
			//			var o=document.querySelector('#one').value;
			//			var t=document.querySelector("#two").value;
			//			var h=document.querySelector("#three");
			//			h.value=Number(o)+Number(t);
			//			
			//		}
			//		function jian(){
			//			var o=document.querySelector('#one').value;
			//			var t=document.querySelector("#two").value;
			//			var h=document.querySelector("#three");
			//			h.value=Number(o)-Number(t);
			//			
			//		}
			//		function cheng(){
			//			var o=document.querySelector('#one').value;
			//			var t=document.querySelector("#two").value;
			//			var h=document.querySelector("#three");
			//			h.value=Number(o)*Number(t);
			//		}
			//		function chu(){
			//			var o=document.querySelector('#one').value;
			//			var t=document.querySelector("#two").value;
			//			var h=document.querySelector("#three");
			//			h.value=Number(o)/Number(t);
			//		}

			function j(e) {
				var o = document.querySelector('#one').value;
				var t = document.querySelector("#two").value;
				var g = document.querySelector("#guo");
				switch(e) {
					case 'jia':
						g.value = Number(o) + Number(t);
						break;
					case 'jian':
						g.value = Number(o) - Number(t);
						break;
					case 'cheng':
						g.value = Number(o) * Number(t);
						break;
					case 'chu':
						g.value = Number(o) / Number(t);
						break;
				}
			}
		</script>
	</body>

</html>